city-select #indexs-title {
  position: fixed;
  margin: auto;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  width: 60px;
  line-height: 60px;
  text-align: center;
  color: black;
  font-size: 300%;
  display: none;
  z-index: 102;
  background-color: rgba(0, 0, 0, 0.5);
}

city-select #indexs-bar {
  width: 20px;
  text-align: center;
  float: right;
  position: fixed;
  right: 0;
  z-index: 101;
  background-color: #eee;
  height: 100%;
}

city-select #indexs-bar .index-bar {
  margin: 1px 0;
  line-height: 20px;
}

city-select .content-md #indexs-bar {
  top: 120px;
}

city-select .content-ios #indexs-bar {
  top: 86px;
}

city-select .content-wp #indexs-bar {
  top: 102px;
}

city-select .scroll-content {
  right: 20px;
}

city-select .item-divider-md,
city-select .item-divider-ios,
city-select .item-divider-wp {
  background-color: #eee;
}
